<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>病区请假明细</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../common/mui/mui.css" rel="stylesheet" />
		<link href="../../common/css/iconfont.css" rel="stylesheet" />
		<link href="../../common/css/yahei.css" rel="stylesheet" />
		<link href="../../common/css/app.css" rel="stylesheet" />
		<link href="../../dependence/target/css/schStatDetail.css" rel="stylesheet" />
		<style>
			.detailTr{
				display: none;
				background-color: #f6f6f6;
				color: gray;
			}
			.detailTr div{
				float: right;
				width: auto;
				padding-right: var(--size20);
			}
			#detailTable td div.mui-icon{
				display: inline-block;
			}
			
			.mainTr.mui-active .mui-icon-arrowdown{
				transform: rotate(180deg);
			}
			.mainTr.mui-active+.detailTr{
				display: table-row;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">考勤统计</h1>
			<div id="wardIcon" class="nurfont nur-shaixuan"></div>
			<div id="currWard" class="currWard mui-ellipsis"></div>
		</header>
		<div class="mui-content">
			<div class="detailHeadArea">
				<div class="titleArea">
					<div class="title">请假明细</div>
					<div class="subTitle">统计周期:</div>
				</div>
				<table id="detailHeadTable">
					<colgroup><col width="40%"><col width="30%"><col width="30%"></colgroup>
					<thead>
						<tr><td>病区</td><td>加班时长</td><td>减班时长</td></tr>
					</thead>
				</table>
			</div>
			<div id="nullData" class="nullData">
				<div class="nullImage"></div>
				<div id="nullTip" class="nullTip">暂无内容</div>
			</div>
			<div id="detailWrapper" class="mui-scroll-wrapper">
				<div class="mui-scroll mui-scroll-phone">
					<table id="detailTable">
						<colgroup><col width="40%"><col width="30%"><col width="30%"></colgroup>
						<tbody id="detailBody"></tbody>
					</table>
				</div>
			</div>
		</div>
		<div id="wardPopo" class="mui-popover">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-scroll-phone">
					<ul id="wardUL" class="mui-table-view"></ul>
				</div>
			</div>
		</div>
		<script src="../../common/mui/mui.js"></script>
		<script src="../../common/js/jquery-3.4.1.min.js"></script>
		<script src="../../common/js/globalSet.js"></script>
		<script src="../../common/js/DHCWebService.js"></script>
		<script src="../../common/js/app.js"></script>
		<script src="../../dependence/target/js/sch/jiajianDetail.js"></script>
	</body>

</html>